﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1</title>
<script type="text/javascript">
if (!window.WebSocket) { 
	alert("WebSocket not supported by this browser!"); 
} 
var ws;
function display() { 
	if(ws == null){
		ws = new WebSocket("ws://127.0.0.1:8089"); 
		ws.onmessage = function(evt) { 
			alert("接收到信息:"+evt.data);
		}; 
		
		ws.onclose = function() { 
			alert("连接已关闭。");
			ws = null;
		};
		
		ws.onerror = function(evt){
			alert("连接出错:"+evt.data);
			ws = null;
		}
		
		ws.onopen = function(evt) { 
			alert("连接已打开。");
		}; 
	}
} 

//从一个给定的数组arr中,随机返回num个不重复项 1~1000
function getArrayItems(num) { 
	//新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组; 
	var temp_array = new Array(); 
	var dots="";
	for (var index=0; index<1000;index++) { 
		temp_array.push(index+1); 
	}
	//取出的数值项,保存在此数组 
	var return_array = new Array(); 
	for (var i = 0; i<num; i++) { 
		//判断如果数组还有可以取出的元素,以防下标越界 
		if (temp_array.length>0) { 
			//在数组中产生一个随机索引 
			var arrIndex = Math.floor(Math.random()*temp_array.length); 
			//将此随机索引的对应的数组元素值复制出来 
			return_array[i] = temp_array[arrIndex]; 
			//然后删掉此索引的数组元素,这时候temp_array变为新的数组 
			temp_array.splice(arrIndex, 1);
			dots=dots+return_array[i]+";";
		} else { 
			//数组中数据项取完后,退出循环,比如数组本来只有10项,但要求取出20项. 
			break; 
		} 
	}
	
	alert(dots);
	if(ws!=null){
		if(dots == ""){
			dots = " ";
		}
		ws.send(dots);
	}else{
		alert("连接失效。");
	}
	//return return_array; 
} 

function wssend(){
	if(ws!=null){
		var sendstr = document.getElementById("txtSend").value;
		if(sendstr == ""){
			sendstr = " ";
		}
		ws.send(sendstr);
	}else{
		alert("连接失效。");
	}
	
}
function wsclose(){
	ws.close();
	alert("连接已关闭。");
	ws = null;
}
</script>
</head>
<body style="text-align:center;" mce_style="text-align:center;">
<input type="button" value="随机点位" onclick="getArrayItems(10)"/>
<br />
<input type="button" value="点我" onclick="display()"/>
<br />
<input type="button" value="关闭" onclick="wsclose()"/>
<br />
<input type="text" id="txtSend" /><input type="button" id="btnSend" value="发送" onclick="wssend()"/>
</body>
</html>
